.main{
    overflow-y: scroll;
    height: 100%;
    // height: 600px;
    // display: flex;
    // justify-content: center;
    // flex-direction: column;
//    width: 100%;
}
.run-sum{
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    .runData{
        font-size: 48px;
        color: #4294ff;
        span{
            font-size: 16px;
            color: black;
        }
    }
}
.top{
    // width: 100%;
    height: 171px;
    .run-nav{
        display: flex;
        justify-content: space-around;
       div{
        color:  rgba(154, 154, 154, 1);
        
        width: 33%;
        line-height: 57px;
        text-align: center;

       }
      &::after{
        content: '';
        position: absolute;
        left: 0;
        top: 59px;
        bottom: 10px;
        right: 0;
        height: 1px;
        width: 95%;
        background-color:#ccc ;
        margin:  0 auto;
      }
    .run-after{
        // position: absolute;
        display: inline-block;
        margin-top: -4px;
        border-bottom: 4px solid red;
        font-size: 20px;
        color:rgba(66, 148, 255, 1) !important;
        font-weight: bold; 
    }
    } 
}
.run-data{
    // width: 100%;
    margin-top: 14px;
    margin-left: 20px;

    .run{
     margin-bottom: 7px;
    }
    .run-number{
        font-size: 48px;
        color: #4294ff;
        span{
            font-size: 16px;
            color: black;
        }
    }
}
.content{

    position: relative;
    display: flex;
    // justify-content: center;
    flex-direction: column;
    justify-content: space-between;
    // height: 100%;
    .choice{
        display: flex;
        justify-content: space-evenly;
        margin-top: 20px;

        div{
            width: 100px;
            line-height: 27px;
            border-radius: 15px;
            background-color: rgba(156, 188, 226, 0.7);
            text-align: center;
            color: white;
        }
        .run-ictive{
           background-color: rgba(66, 148, 255, 0.9);
           color: white;
        }
    }
    .ready{
        // position: absolute;
        width:191px ;
        height: 191px;
        z-index: 2;
        // background-color: #9bc4fb;
        background-color:rgba(66, 148, 255, 0.3) ;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 70px;
        margin-bottom: 70px;
    }
    .go{
        // z-index: 2;
        width: 134px;
        height: 106px;
        text-align: center;
        font-size: 90px;
        opacity: 0.3;
        color: #2096d0;
        
        
    }
    .set{
        z-index: 2;
        display: flex;
        justify-content: space-around;
        .set-1,.set-mu{
            width: 50px;
            height: 50px;
            background-color: pink;
            border-radius: 50%;
            text-align: center;
            .icon-shezhi,.icon-yinle{
                font-size: 25px;
                line-height: 50px;
                color: #ccc;
            }
        }
        .set-target{
            width: 121px;
            line-height: 40px;
            background-color: #4294ff;
            text-align: center;
            border-radius: 30px;
        }
        .set-target{
            display: flex;
            justify-content: center;
            align-items: center;
            // margin-left: 10%;
            color: #fff;
            .icon-arrow-right{
                margin-top: 2.5px;
                margin-left: 10px;
            }
        }
    }
    .map{
        position: absolute;
        width: 100%;
        height: 100%;
        // z-index: -1;
        // background-color: #2096d0;
        #container{
            width: 100%;
            height: 100%;
            .amap-logo{
                display: none !important;
                
            }
            .amap-copyright{
                display: none !important;
            }
            
        }
        
        
    }
    
}

.ste-buttom{
    margin-left:20px ;
    height: 81px;
    margin-top: 15px;
    .ren{
        font-size: 18px;
        font-weight: bold;
    }
    .set-run{
        margin-top: 6px;
        font-size: 14px;
        color: #ccc;
    }
}
nav{
    width: 100%;
    height: 100%;
    height: 77px;
    z-index: 9;
    position: fixed; 
    bottom: 0;
    // border-top: 1px solid #ccc;
    
}
